﻿Ext.define('Html5App.view.progress.ProgressHome', {
	alternateClassName : 'progressHome',
	extend : 'Ext.Container',
	xtype : 'progressHome',
	id : 'progressHome',
	requires : ['Ext.carousel.Carousel'],
	config : {
		xtype : 'container',
		items : [{
			height : '100%',
			xtype : 'carousel',
			direction : 'horizontal',
			directionLock: true,
			items : [{
				xtype : 'container',
				items : [{
					xtype : 'container',
					cls : 'progress-home-label',
					html : '本月銷售進度'
				},{
					xtype : 'container',
					cls : 'progress-home-label',
					html : '<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF;border-top:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;font-size:0.7rem;color:#4C4C4C;">'+
							  '<tr style="height:2rem;text-align:center;">'+
							    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:10%;">品牌</td>'+
							    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:15%;">名稱</td>'+
							    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:15%;">本月目標</td>'+
							    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:15%;">本月實際</td>'+
							    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:15%;">指數</td>'+
							    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:15%;">尚欠</td>'+
							    '<td style="border-bottom:1px solid #CFCFCF;width:15%;">引進戶口</td>'+
							  '</tr>'+
							'</table>'
				},{
					xtype : 'container',
					cls : 'progress-home-container',
					scrollable : 'vertical',
					directionLock: true,
					height : '100%',
					items : [{
						id : 'this-month-sales-progress',
						html : ''
					}]
				},{
					xtype : 'container',
					style : 'margin-top: -1px;',
					docked : 'bottom',
					height : '2rem',
					id : 'this-month-sales-progress-sum'
				}]
			},{
				xtype : 'container',
				items : [{
					xtype : 'container',
					cls : 'progress-home-label',
					html : '本月引進進度'
				},{
					xtype : 'container',
					cls : 'progress-home-label',
					html : '<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF;border-top:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;font-size:0.7rem;color:#4C4C4C;">'+
							  '<tr style="height:2rem;text-align:center;">'+
							    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:20%;">&nbsp;</td>'+
							    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:16%;">指定產品</td>'+
							    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:16%;">陳列計劃</td>'+
							    '<td style="border-bottom:1px solid #CFCFCF;width:48%;">戶口進度</td>'+
							  '</tr>'+
							'</table>'
				},{
					xtype : 'container',
					cls : 'progress-home-container',
					scrollable : 'vertical',
					directionLock: true,
					height : '100%',
					items : [{
						id : 'this-month-introduction-progress',
						html : ''
					}]
				},{
					xtype : 'container',
					style : 'margin-top: -1px;',
					docked : 'bottom',
					height : '2rem',
					id : 'this-month-introduction-progress-sum'
				}]
			}]
		}]
	}
});